<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML元素练习</title>
</head>

<body>
    <h1>HTML元素练习</h1>
    <p><label>年龄：<input name=age type=number min=0></label></p>
    <form onsubmit="return false" oninput="o.value = a.valueAsNumber + b.valueAsNumber">
        <input name=a type=number step=any> +
        <input name=b type=number step=any> =
        <output name=o for="a b"></output>
    </form>
    <section>
        <h2>嵌入内容元素</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis perspiciatis vel iure doloribus aperiam, illo
            a
            eum eligendi iusto alias autem, facilis quo quia accusamus ab veritatis minima dolor animi.</p>
        <video src="ma/lv_0_20200119011256(0).mp4" controls poster="ma/IMG_20200114_173117.jpg"></video>
        <p>
            <audio src="ma/Delacey - Dream It Possible.mp3" controls></audio>
        </p>
        <iframe height=498 width=510 src='https://player.youku.com/embed/XNDU2OTc4ODk3Ng=='
            frameborder=0 'allowfullscreen'></iframe>
    </section>
    <section>
        <h2>表格元素</h2>
        <table>
            <caption>
                <p>
                    表格标题
                </p>
            </caption>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>性别</th>
            </tr>
            <tr>
                <td>1</td>
                <td>ma</td>
                <td>male</td>
            </tr>
            <tr>
                <td>2</td>
                <td>li</td>
                <td>fmale</td>
            </tr>
            <tr>
                <td>3</td>
                <td>luo</td>
                <td>male</td>
            </tr>
        </table>
    </section>
    <section>
        <h2>表单元素</h2>
        <form action="http://www.bing.com/search" method="get">
            <label>Bing: <input type="search" name="q"></label> <input type="submit" value="Search...">
        </form>
        <form action="https://www.so.com/s" method="get">
            <label>360: <input type="search" name="wd"></label> <input type="submit" value="搜索一下...">
        </form>
    </section>
</body>

</html>
